<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@include file="/resources/common/commonTaglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 导入资源文件 -->
<%@include file="/resources/common/commonJs.jsp" %>
<%@include file="/resources/common/commonCss.jsp" %>
<style type="text/css">
html,body{margin: 0;padding: 0;height: 100%;font-family: "微软雅黑";font-size: 9pt;}
.header{background-image: -moz-linear-gradient( 0deg, rgb(55,139,211) 1%, rgb(48,200,202) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(55,139,211) 1%, rgb(48,200,202) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(55,139,211) 1%, rgb(48,200,202) 100%);
  width: 100%;
  height: 62px;}
.logo_text {
  font-size: 24px;
  color: rgb(255, 255, 255);
  line-height: 62px;
  padding-left: 20px;
  float:left;
}
.ct {
  background-image: -moz-linear-gradient( 0deg, rgb(158,1,192) 7%, rgb(1,60,182) 25%, rgb(1,171,57) 43%, rgb(252,167,4) 75%, rgb(199,15,2) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(158,1,192) 7%, rgb(1,60,182) 25%, rgb(1,171,57) 43%, rgb(252,167,4) 75%, rgb(199,15,2) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(158,1,192) 7%, rgb(1,60,182) 25%, rgb(1,171,57) 43%, rgb(252,167,4) 75%, rgb(199,15,2) 100%);
  width: 100%;
  height: 6px;
}
.header .btn-container{float: right;position: relative;top: 50%;transform: translateY(-50%);}
.header .btn-container img{margin-right: 20px;}
</style>
<script type="text/javascript">

</script>
<title>管理后台页面</title>
<script type="text/javascript">
var iframeSrcArr = [
      '${path}/myInfo',
      '${path}/user/studentList?userType=1',
      '${path}/class/classList',
      '${path}/examPlace/examPlaceList',
      '${path}/course/courseList',
      '${path}/score/scoreList?courseType.courseName=语文',
      '${path}/score/scoreList?courseType.courseName=数学',
      '${path}/score/scoreList?courseType.courseName=英语',
      '${path}/score/scoreList?courseType.courseName=历史',
      '${path}/score/scoreList?courseType.courseName=政治',
      '${path}/score/scoreList?courseType.courseName=化学',
      '${path}/score/scoreList?courseType.courseName=物理',
      '${path}/analysisSingle/singleCourseScore/语文',
      '${path}/analysisSingle/singleCourseScore/数学',
      '${path}/analysisSingle/singleCourseScore/英语',
      '${path}/analysisSingle/singleCourseScore/历史',
      '${path}/analysisSingle/singleCourseScore/政治',
      '${path}/analysisSingle/singleCourseScore/化学',
      '${path}/analysisSingle/singleCourseScore/物理'
    ];

$(function() {
	$('#mainContent').css({'height': $(window).height()+'px', 'width': $(window).width()+'px'});
	//点击左侧菜单进行切换
	$('.frameHref').each(function(index, element) {
		$(element).attr('href', iframeSrcArr[index]);
	});
	$('.menu .nav').on('click', 'li:not(.nav-parent) > a', function() {
	    var $this = $(this);
	    $('.menu .nav .active').removeClass('active');
	    $this.closest('li').addClass('active');
	    $this.closest('.nav-parent').addClass('active');
	});
})
</script>
</head>
<body>
<div id="mainContent">
	<!-- header页面 -->
	<div class="header">
		<div class="logo_text" onclick="javascript:window.location.href='/portal/leftmenu.jsp'" style="cursor: pointer;">学生成绩分析系统</div>
		<div class="btn-container">
			<a href="javascript::" class="person"><img title="个人信息" src="${path }/resources/images/user.png"></a>
			<a href="/portal/logout.jsp"><img title="退出" src="${path }/resources/images/exit.png"></a>
		</div>
	</div>
	<div class="ct"></div>
	<div style="width: 100%; height: 83%">
	<div style="float: left; width: 20%">
		<nav class="menu" data-ride="menu" style="width: 100%">
		  <ul class="nav nav-primary">
		    <li><a href="javascript:;" class="frameHref" target="rightFrame"><i class="icon icon-user"></i> 我的信息</a></li>
		    <li class="nav-parent">
		      <a href="javascript:;"><i class="icon icon-list-ul"></i> 学生信息管理</a>
		      <ul class="nav">
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">考生导入信息</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">班级信息</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">考场信息</a></li>
		      </ul>
		    </li>
		    <li class="nav-parent">
		      <a href="javascript:;"><i class="icon icon-list-ul"></i> 成绩信息管理</a>
		      <ul class="nav">
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">成绩导入信息</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">语文成绩</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">数学成绩</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">英语成绩</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">历史成绩</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">政治成绩</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">化学成绩</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">物理成绩</a></li>
		      </ul>
		    </li>
		    <li class="nav-parent">
		      <a href="javascript:;"><i class="icon icon-list-ul"></i> 成绩分析模块</a>
		      <ul class="nav">
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">语文单科分析</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">数学单科分析</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">英语单科分析</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">历史单科分析</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">政治单科分析</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">化学单科分析</a></li>
		        <li><a href="javascript:;" class="frameHref" target="rightFrame">物理单科分析</a></li>
		      </ul>
		    </li>
		  </ul>
		</nav>
	</div>
		<!-- 右侧内容区域 -->
		<div style="width: 80%; float: right; height: 100%;">
			<iframe name="rightFrame"
					id="rightFrame"
					src="${path }/managerDefault"
					width="100%"
					height="100%"
					frameborder="0"
				></iframe>
		</div>
	</div>
	<div style="width: 100%; height: 5%">
	</div>
</div>
</body>
</html>